<style>
    #element_to_pop_up { 
        background-color:#fff;
        box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.298);
        border-radius:5px;
        color:#000;
        display:none; 
        padding:20px;
        min-width:700px;
        min-height: 180px;
    }
    .b-close{
        cursor:pointer;
        position:absolute;
        right:10px;
        top:5px;            
    }    
</style>
<?php $n = 0; ?>
<script type="text/javascript">
    var bIsFirebugReady = (!!window.console && !!window.console.log);
    jQuery(document).ready(
            function() {
                jQuery("#HojasproduccionNuevahojaproduccionForm").validationEngine();
                jQuery('#calcular').click(function() {
                    contar();
                });
            });
</script>
<script type="text/javascript">
    function contar() {
        var elementos = document.getElementsByName("subtotal");
        //alert(elementos);
        if (elementos == null)
            elementos = 0;
        ///alert("Hay " + elementos.length + " elementos con el nombre 'subtotal'");
        var total = 0;
        for (x = 0; x < elementos.length; x++) {
            val = jQuery("#subtotal_" + x).val();
            total += parseFloat(val);
            // alert(val);
            jQuery("#precioventa_" + x).val(val);
        }
        preciototal = total.toFixed(2);
        //alert("El valor es " + total); 
        jQuery("#grandTotal").text(
                "Bs " + preciototal
                );
    }
</script>

<div class="widget">
    <div class="invoice">
        <div class="inHead">
            <span class="inLogo">
                <h3>GENERACION DE HOJA DE PRODUCCION </h3>
            </span>
            <div class="inInfo">
                <span class="invoiceNum">Trabajo # <?php echo $trabajo['trabajo_id']; ?></span>
                <i>
                    <?php
                    echo date('d-m-Y');
                    echo $this->Form->hidden('fecha', array('value' => date('Y-m-d H:i:s'),array('id' => "validate")));
                    ?>
                </i>
            </div>
            <div class="clear"></div>
        </div>

        <div class="inContainer">
            <div class="inFrom">
                <h5>HOJA DE PRODUCCION</h5>
                <span><strong>Cliente: </strong><?php echo $cliente['nombre']; ?></span>
                <span><strong>Telefono: </strong><?php echo $cliente['telefono']; ?>&nbsp;&nbsp;&nbsp;<strong>Celular: </strong><?php echo
                    $cliente['celular'];
                    ?></span>                
            </div>           
            <div class="clear"></div>
        </div>

        <?php
        $option = array(
            'id' => 'actualiza',
            'class' => "input-submit",
            'type' => 'button');
        $option2 = array(
            'id' => 'calcular',
            'class' => "input-submit",
            'type' => 'button');
        ?>
        <table>
            <tr>
                <td><?php echo $this->Form->button('actualizar formulario', $option); ?></td>
                <td><?php echo $this->Form->button('calcular total', $option2); ?></td>
            </tr>

        </table>
        <div id="element_to_pop_up" style="display: none;">        
            <a class="b-close">X</a>         
            <div class="content"></div>
        </div> 
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tLight">
<?php echo $this->Form->create('Hojasproduccione'); ?>
            <thead>
                <!--datos cabecera-->
                <tr>
                    <td colspan="10"><h2 align="center">TIPOS DE TRABAJO REALIZADOS</h2></td> 	
                </tr>

                <tr>
                    <th rowspan="2">CANTIDAD</th>
                    <th colspan="3">DESCRIPCION</th>
                    <th colspan="3">FORMATO</th>
                    <th rowspan="2">#</th>
                    <th rowspan="2">PRECIO</th>
                    <th rowspan="2">Sub Total</th>
                </tr>
                <tr>
                    <th>Tipo</th>
                    <th>Descripci&oacute;n</th>
                    <th>Cara</th>
                    <th>ANCHO</th>
                    <th>&nbsp;</th>
                    <th>ALTO</th>
                </tr>
                <!--//fin datos cabecera-->
            </thead>

            <!--Form datos hoja de produccion-->          
            <?php
            $n = 0;
            
            foreach ($tipos as $trab):
                ?>

                <?php echo $this->Form->hidden("Hojasproduccione.$n.fecha", array("value" => date('Y-m-d H:i:s'))); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.user_id", array("value" => $usuario)); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.descripcion", array("value" => $trab['descripcion'])); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.cara", array("value" => $trab['cara'])); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.tipo", array("value" => $trab['tipo'])); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.tipo_id", array("value" => $trab['tipo_id'])); ?>
                <?php //echo $this->Form->hidden("Hojasproduccione.$n.tipotrabajo_id", array("value" => $trab['tipotrabajo_id'])); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.sucursal_id", array("value" => $trab['sucursal_id'])); ?>
                <?php echo $this->Form->hidden("Hojasproduccione.$n.numerohojarutaxsucursal", array("value" => $trab['numhojaruta'])); ?>
                <?php $tipoformato = $trab['tipo_id']; ?>
                <?php $formato_id = $trab['id']; ?>
               <tr> 
                    <?php echo $this->Form->hidden("Hojasproduccione.$n.trabajo_id", array('value' => $trabajo['trabajo_id']));
                    ?>
                    <?php echo $this->Form->hidden("Hojasproduccione.$n.hojaruta_id", array('value' => $hojaruta));
                    ?>
                    <td>
                        <?php
                        echo $this->Form->text("Hojasproduccione.$n.cantidad", array(
                            'id' => "cantidad_$n",'placeholder' => 'Inserte la Cantidad Ej.200',
                            'size' => 20,
                            'class' => "validate[required], custom[integer]",'required'));
                        ?>
                    </td>

                    <td>
                        <?php
                        echo $trab['tipo'];
                        echo $this->Form->hidden("Hojasproduccione.$n.tipotrabajo_id", array('value' =>
                            $trab['id'], 'id' => "tipotrabajo_$n"));
                        ?>

                    </td>
                    <td>
                        <?php echo $trab['descripcion'] ?>
                    </td>
                    <td>
                        <?php
                        echo $trab['cara'];
                        ?>
                    </td>       
                    <?php //echo $tipoformato; ?>
                    <?php if ($tipoformato == 3): ?>
                        <?php
                        echo $this->Form->hidden("Hojasproduccione.$n.metrajeini", array('id' =>
                            "metrajeini_$n", "value" => 0));
                        echo $this->Form->hidden("Hojasproduccione.$n.metrajefin", array('id' =>
                            "metrajefin_$n", "value" => 0));
                        ?>
                        <td colspan="3">
        <?php echo $this->Form->select("Hojasproduccione.$n.preciohoja_id", $formatoshojas, array("id" => "formatohoja_id_$n",'required'));
        ?>
                        </td>

                    <?php else: ?>
                        <?php
                        echo $this->Form->hidden("Hojasproduccione.$n.preciohoja_id", array("id" =>
                            "formatohoja_id_$n", "value" => 0));
                        ?>         
                        <td>
                            <?php
                            echo $this->Form->text("Hojasproduccione.$n.metrajeini", array(
                                'id' => "metrajeini_$n",'placeholder' => 'Ins.Ancho',
                                'size' => 6,
                                'class' => "validate[required], custom[integer]"));
                            ?>
                        </td>
                        <td style="text-align: center; text-transform: uppercase; font-weight: bold;">
                            X
                        </td>
                        <td>
                            <?php
                            echo $this->Form->text("Hojasproduccione.$n.metrajefin", array(
                                'id' => "metrajefin_$n",'placeholder' => 'Ins.Alto',
                                'size' => 6,
                                'class' => "validate[required], custom[integer]"));
                            ?>

                        </td>
                    <?php endif; ?>
                    <?php if ($trab['cara'] == 'AMBOS'): ?>
                        <?php
                        $num = 2;
                    else:
                        $num = 1;
                        ?>
                        <?php endif; ?>
                    <td id="qty_item_<?php echo $n; ?>">
                    <?php
                    echo $num;
                    ?>
                    </td>
                        <?php //debug($tipoformato) ?>
                        <?php if ($tipoformato == 1): ?>
                        <td>
        <?php echo $this->Form->text("Hojasproduccione.$n.costo", array('id' => "precio_$n",'placeholder' => 'Insertar Precio',));
        ?>
                            <br/>
                            <a  id="enlace_<?php echo $n; ?>" class="tabla-referencial">Ver Tabla
                            </a>
                            <div id="dialogo" title="Tabla Referencial"></div>       
                            <script>
                                $(document).ready(function() {
                                    // Binding a click event
                                    // From jQuery v.1.7.0 use .on() instead of .bind()
                                    $('#enlace_<?php echo $n ?>').bind('click', function(e) {

                                        // Triggering bPopup when click event is fired
                                        $('#element_to_pop_up').bPopup({
                                            fadeSpeed: 'slow', //can be a string ('slow'/'fast') or int
                                            followSpeed: 1500, //can be a string ('slow'/'fast') or int  
                                            contentContainer: '.content',
                                            loadUrl: '<?php echo $this->Html->
                url(array('controller' => 'Trabajos', 'action' => 'tablaplastico'));
        ?>' //Uses jQuery.load()
                                        });
                                    });
                                });
                            </script>
                        </td>
                        <td>
                            <?php
                            echo $this->Form->text("Hojasproduccione.$n.precio", array(
                                'id' => "subtotal_$n",
                                'name' => "subtotal",
                                'value' => 0));
                            ?>
                        </td>
                                    <?php else: ?>

                        <td id="cargacosto_<?php echo $n ?>" colspan="2">
                            <table class="ajaxtabla">
                                <tr>
                                    <td>
                                        <?php //$valor = array('0'=>'0.00'); ?>
                                        <?php //echo $formato_id; ?>
                                        <?php if ($formato_id == 4): ?>
                                            <?php
                                            echo $this->Form->select("Hojasproduccione.$n.costo", $valor1, array(
                                                'value' => 0,
                                                'selected' => 'selected',
                                                "id" => "precios_$n"));
                                            ?><br/>
                                            <a  id="enlace_<?php echo $n; ?>" class="tabla-referencial">Ver Tabla</a>
                                            <div id="dialogo" title="Tabla Referencial"></div>       

                                            <script>
                                                $(document).ready(function() {
                                                    // Binding a click event
                                                    // From jQuery v.1.7.0 use .on() instead of .bind()
                                                    $('#enlace_<?php echo $n ?>').bind('click', function(e) {

                                                        // Triggering bPopup when click event is fired
                                                        $('#element_to_pop_up').bPopup({
                                                            fadeSpeed: 'slow', //can be a string ('slow'/'fast') or int
                                                            followSpeed: 1500, //can be a string ('slow'/'fast') or int  
                                                            contentContainer: '.content',
                                                            loadUrl: '<?php echo
                                            $this->Html->url(array('controller' => 'Trabajos', 'action' => 'tablauvmate'));
                                            ?>' //Uses jQuery.load()
                                                        });
                                                    });
                                                });
                                            </script>
                                        <?php endif; ?>
                                        <?php if ($formato_id == 6): ?>
            <?php
            echo $this->Form->select("Hojasproduccione.$n.costo", $valor, array(
                'value' => 0,
                'selected' => 'selected',
                "id" => "precios_$n"));
            ?><br/>

                                            <a  id="enlace_<?php echo $n; ?>" class="tabla-referencial">Ver Tabla</a>
                                            <div id="dialogo" title="Tabla Referencial"></div>       
                                            <script>
                                                $(document).ready(function() {
                                                    // Binding a click event
                                                    // From jQuery v.1.7.0 use .on() instead of .bind()
                                                    $('#enlace_<?php echo $n ?>').bind('click', function(e) {

                                                        // Triggering bPopup when click event is fired
                                                        $('#element_to_pop_up').bPopup({
                                                            fadeSpeed: 'slow', //can be a string ('slow'/'fast') or int
                                                            followSpeed: 1500, //can be a string ('slow'/'fast') or int  
                                                            contentContainer: '.content',
                                                            loadUrl: '<?php
            echo
            $this->Html->url(array('controller' => 'Trabajos', 'action' =>
                'tablasectorizado'));
            ?>' //Uses jQuery.load()
                                                        });
                                                    });
                                                });
                                            </script>

        <?php endif; ?>
        <?php if ($formato_id == 3): ?>
            <?php
            echo $this->Form->select("Hojasproduccione.$n.costo", $valor2, array(
                'value' => 0,
                'selected' => 'selected',
                "id" => "precios_$n"));
            ?><br/>
                                            <a  id="enlace_<?php echo $n; ?>" class="tabla-referencial">Ver Tabla</a>
                                            <div id="dialogo" title="Tabla Referencial"></div>       

                                            <script>
                                                $(document).ready(function() {
                                                    // Binding a click event
                                                    // From jQuery v.1.7.0 use .on() instead of .bind()
                                                    $('#enlace_<?php echo $n ?>').bind('click', function(e) {

                                                        // Triggering bPopup when click event is fired
                                                        $('#element_to_pop_up').bPopup({
                                                            fadeSpeed: 'slow', //can be a string ('slow'/'fast') or int
                                                            followSpeed: 1500, //can be a string ('slow'/'fast') or int  
                                                            contentContainer: '.content',
                                                            loadUrl: '<?php echo $this->Html->url(array('controller' => 'Trabajos', 'action' => 'tablauvbrillo')); ?>' //Uses jQuery.load()
                                                        });
                                                    });
                                                });
                                            </script>
        <?php endif; ?>
                                    </td>
                                    <td>
        <?php

        echo $this->Form->text("Hojasproduccione.$n.precio", array(
            'id' => "subtotal_$n",
            'name' => "subtotal",
            'value' => 0));
        ?>
                                    </td>
                                </tr>
                            </table>

                        </td>

    <?php endif; ?>
    <?php echo $this->Form->hidden("Hojasproduccione.$n.precio", array('id' => "precioventa_$n", 'value' => 0));
    ?>
                </tr>   

                <script>
                    function suma() {
                        var sumatotal = 0;
                        $('input[id^="subtotal_"]').each(function() {
                            sumatotal = sumatotal + Number(this.value);
                        });

                        //console.log('total general ' + sumatotal);
                        $('#grandTotal').html(sumatotal);
                    }
                    jQuery('#actualiza').click(function() {
                        var canti = jQuery('#cantidad_<?php echo $n ?>').val();
                        var tipotrabajo = jQuery('#tipotrabajo_<?php echo $n ?>').val();

                        var dim1 = jQuery('#metrajeini_<?php echo $n ?>').val();
                        var dim2 = jQuery('#metrajefin_<?php echo $n ?>').val();
                        var tipoformato = <?php echo $tipoformato ?>;
                        var hoja = jQuery('#formatohoja_id_<?php echo $n ?>').val();
                        var cara = <?php echo $num; ?>;

                        var idjob = <?php echo $idtrabajo; ?>;
                        var n = <?php echo $n; ?>;

                        if (tipoformato == 1) {
                             precio = jQuery('#precio_<?php echo $n ?>').val();
                            var formato = dim1 * dim2;
                            //preciotrabajo = ((formato * precio) * canti) * cara;

                            preciotrabajo = 0.00;
                            preciotrabajo = ((formato * canti * precio) * cara);
                            precio = preciotrabajo.toFixed(2);
                            if (precio == '') {
                                precio = 0;
                            }
                            jQuery("#subtotal_<?php echo $n; ?>").val(
                                  parseInt(precio) 
                                    );
                        } else {

                            //$url = "http://localhost/imprenta/Trabajos/ajaxcosto/";
                            //jQuery("#cargacosto_<?php echo $n ?>").load($url+idjob+'/'+tipotrabajo+'/'+canti+'/'+dim1+'/'+dim2+'/'+tipoformato+'/'+cara+'/'+hoja+'/'+n+'/'+'precio_<?php echo
    $n
    ?>');
                             precio = jQuery('#precios_<?php echo $n ?>').val();
                            var cara = <?php echo $num; ?>;
                            num = <?php echo $n; ?>;
                            var  promedio = (canti / 1000) * cara;
                            //alert(promedio);
                            if (promedio > 0 && promedio < 1) {

                                total = precio * 1;
                                precio = total.toFixed();
                            }
                            if (promedio >= 1 && promedio < 2) {

                                total = precio * promedio;
                                precio = total.toFixed();
                            }
                            if (promedio >= 2) {

                                total = precio * promedio;
                                precio = total.toFixed();
                            }

                            //alert(precio);
                            if (precio == '') {
                                precio = 0;
                            }

                            //total= precio * cara;
                            if (tipoformato == 3) {

                                if (hoja == 1) {
                                    preciotrabajo = canti * 3;
                                }
                                if (hoja == 2)
                                {
                                    preciotrabajo = canti * 4;
                                }

                                precio = preciotrabajo.toFixed();
                            }
                            //alert(precio);
                            jQuery("#subtotal_<?php echo $n; ?>").val(
                                   parseInt(precio)
                                    );

                            //$url = "http://localhost/imprenta/Trabajos/ajaxcosto/";
                            //jQuery("#cargacosto_<?php echo $n ?>").load($url+idjob+'/'+tipotrabajo+'/'+canti+'/'+dim1+'/'+dim2+'/'+tipoformato+'/'+cara+'/'+hoja+'/'+n+'/'+'precio_<?php echo
            $n
            ?>');    
                        }

                        // subtotales();
                        suma();
                    });

                </script> 

    <?php $n++; ?>   
                                <?php endforeach; ?>

            <!-- /Form datos hoja de produccion-->

            <tr>
                <td colspan="3">
                    <table style="width: 122px; border: 0;">
                        <tr>
                            <td style="border: 0; text-align: center;"> N.E. <?php echo
                                $this->Form->checkbox("Hojasproduccione.0.nr");
                                ?></td>
                        </tr>
                        <tr>
                            <td style="border: 0;text-align: center;"> N.R. <?php echo
                                $this->Form->checkbox("Hojasproduccione.0.nf");
                                ?></td>    
                        </tr>
                    </table>
                </td>

                <td colspan="6" style="text-align: center;">Entregado por: <?php echo
                                $this->Session->read('nombre_usuario');
                                ?><?php //echo $this->Form->hidden('usuario_id',array('value'=>$this->Session->read('usuario_id')));  ?></td>

                <td id="grandTotal">
                    Total Bs. xxx
                </td>
            </tr>


        </table>       



        <table>
            <tr>
                <td class="t-right">
                    <div class="formRow">
                        <input type="submit" value="Guardar" class="buttonM bBlack formSubmit" />
                        <div class="clear"></div>

                    </div>

                </td>
                <td></td>
            </tr>
        </table>


        <!-- /fin form --> 
        <div class="grid-buttons">
                     <!--<div class="title-grid"><span>Acciones</span></div>-->
            <div class="content-gird">
                <div style="float: left;">
                    <input type="button" class="buttonM bBlue" value="Atras" onclick="javascript:history.back();" /> 
                </div>
                <div class="clear"> </div>
            </div>

        </div>

    </div>
    <!-- /content --> 

</div>
<!-- /cols -->